Como criar área circular com CSS?
área circular css
Basta usar border-radius.
O border radius arredonda os cantos.
Por exemplo: se usado {border-radius: 10px;} ele apenas dá um efeito de arredondado nos cantos, mas se usado {border-radius: 180px;} em um elemento quadrado ele ficará em um circulo.
Leia mais em: ww.w3schools.com/css/